<template>
  <div>
    <ul>
        <li v-for='(item,index) in arr' :key='index'>
            {{item}}    
            <button @click='delFn(index)'>删除</button>      
            </li>
    </ul>
    <button @click="butFn">生成</button>
  </div>
</template>

<script>
export default {
    data () {
        return {
            arr:[]
        }
    },
    methods: {
        butFn() {
            this.arr.push(Math.floor(Math.random()*10)*Math.floor(Math.random()*10))
        },
        delFn(index) {
            this.arr.splice(index,1)
        }
    }
}
</script>

<style>

</style>